<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Porduct List</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/product/new.css">
			
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/product/new.js"></script>
	</head>

	<body ms-controller="listPage">
		<input type="hidden" value="" id="uid" />
		<!--头部搜索-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title">
				New Products
			</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white"></a>
			
		</header>

		<div id="productList" class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="mui-row">
					<div class='noData' ms-html="@noData"></div>
					<ul class="mui-table-view products-view mui-grid-view" 
						ms-class="{'mui-hidden': (@products.length==0)}">
						<li class="mui-table-view-cell product mui-media mui-col-xs-4" ms-for="product in @products">
							<a href="pdp.html" ms-attr="{'data-id': @product.id}">
								<img class="mui-media-object mui-pull-left" ms-attr="{src: @product.image}">
								<div class="mui-media-body">
									{product.partnumber}
									<p class='mui-ellipsis'>
										{product.productName}
									</p>
								</div>
							</a>
						</li>
					</ul>

				</div>

			</div>
		</div>
		
		<!--底部导航-->
		<!--<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item mui-active" href="category.html">
				<span class="mui-icon icon icon_product active"></span>
				<span class="mui-tab-label">Product</span>
			</a>
			<a class="mui-tab-item" href="../solution/category.html">
				<span class="mui-icon icon icon_solution"></span>
				<span class="mui-tab-label">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label">Partner</span>
			</a>
			<a class="mui-tab-item" href="../user/user.html">
				<span class="mui-icon icon icon_usercenter"></span>
				<span class="mui-tab-label">User Center</span>
			</a>
		</footer>-->

	</body>

</html>